Estoy creando una transcripción basada en la entrada del usuario y me preguntaba si alguien podría indicarme la dirección correcta de cómo podría cambiar el estilo de fuente de las cadenas almacenadas en text_to_add_one y text_to_add_two .
if (build_transcript) { var text_to_add_one = "<b>" + "YOU: " + "</b>" + `${transcript_you}`; var text_to_add_two = "<b>" + "COMPUTER: " + "</b>" + `${transcript_computer}`; document.getElementById("wordsIncluded").innerHTML += "<p>" + text_to_add_one + "</p>" + "<p>"+ text_to_add_two + "</p>" + "</br>"; build_transcript = false; } //wordsIncluded is a div¡He intentado el enfoque a continuación, pero parece que no funciona!
document.getElementById("wordsIncluded").innerHTML += "<p id="changeFont">" + text_to_add_one + "</p>" + "<p id="changeFont">" + text_to_add_two + "</p>" + "</br>";ARCHIVO CSS
#changeFont { font-style: 'Quicksand'; }No debe usar "<p id="changecolor">" . Como muestra el coloreado del código, no importa que sea parte de la cadena. Debes usar "<p id=\"changecolor\">" o '<p id="changecolor">'
necesita usar comillas simples.
document.getElementById("wordsIncluded").innerHTML += '<p id="changeFont">' + text_to_add_one + '</p>' + '<p id="changeFont">' + text_to_add_two + '</p>' + '</br>';Pruebe algo como a continuación.
const transcript_you = "me"; const transcript_computer = "mac"; var text_to_add_one = `<b>YOU: </b>${transcript_you}`; var text_to_add_two = `<b>COMPUTER: </b>${transcript_computer}`; document.getElementById( "wordsIncluded" ).innerHTML += `<p class="changeFont">${text_to_add_one}</p><p class="changeFont">${text_to_add_two}</p></br>`; p.changeFont { color: red; } <div id="wordsIncluded"></div>